<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>确认订单</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<script src="../js/flexible.js"></script>
<link href="../css/icons.css" rel="stylesheet" type="text/css">
<link rel="stylesheet" type="text/css" href="../css/base.css" />
<link rel="stylesheet" type="text/css" href="../css/component.css" />
<link rel="stylesheet" type="text/css" href="../css/member.css" />
<link rel="stylesheet" type="text/css" href="../css/address.css">
</head>
<body class="pay">
<div class="head">
	<button class="md-close back"><i class="iconfont">&#xe617</i></button>
	<h2 >确认订单</h2>
</div>
<div class="cartlist">
	<ul>
		<li  class="goods">
			<div class="goodsimg">
				<div class="img bgcover " style=" background:url(../images/test/1.jpg)">
					asd
				</div>
			</div>
			<div class="info">
				<div class="title">
					雄沙滩桶加厚戏水儿童玩具沙滩套装沙漏铲子耙子宝宝玩沙工具
				</div>
				<div class="type">
					<span>尺寸：大得很的码</span><span>颜色：红色</span>
				</div>
				<div class="discount">
					买二赠一
				</div>
				<div class="pay">
					<div class="pirce num orange">
						¥1865.21
					</div>
					<div class="qty">
						<span class="num">2</span>件
					</div>
				</div>
			</div>
			<div class="clearfix">
			</div>
		</li>
		<li  class="goods">
			<div class="goodsimg">
				<div class="img bgcover " style=" background:url(../images/test/1.jpg)">
					asd
				</div>
			</div>
			<div class="info">
				<div class="title">
					雄沙滩桶加厚戏水儿童玩具沙滩套装沙漏铲子耙子宝宝玩沙工具
				</div>
				<div class="type">
					<span>尺寸：大得很的码</span><span>颜色：红色</span>
				</div>
				<div class="discount">
					买二赠一
				</div>
				<div class="pay">
					<div class="pirce num orange">
						¥1865.21
					</div>
					<div class="qty">
						<span class="num">2</span>件
					</div>
				</div>
			</div>
			<div class="clearfix">
			</div>
		</li>
	</ul>
</div>
<div class="address">
	<i class="iconfont icon">&#xe621</i>
	<div class="addinfo">
		<dl class="name">
			<dt>收件人：</dt>
			<dd>张三胖</dd>
			<dd class="tel num">13666666666</dd>
		</dl>
		<dl class="add">
			<dt>收货地址：</dt>
			<dd>重庆市  江北区</dd>
			<dd class="addsub"> 观音桥附1号融恒时代广场26楼观音桥附1号融恒时代广场26楼</dd>
			<div class="clearfix">
			</div>
		</dl>
	</div>
	<div class="clearfix">
	</div>
	<div class="addedit">
		<a href="#" class="md-trigger "  data-modal="modal-2">
		<span>更改</span><i class="iconfont">&#xe611</i>
		</a>
	</div>
</div>
<div class="payinfo">
	<dl>
		<dt>选择配送方式</dt>
		<dd>快递包邮</dd>
	</dl>
	
</div>

<div class="submit">
	<button type="submit" class="button" id="submit-btn">确认订单</button>
</div>
<!--选择收货地址-->
<div class="md-modal md-effect-2" id="modal-2">
	<div class="md-content">
		<div class="head">
			<button class="md-close back"><i class="iconfont">&#xe617</i></button>
			<h2 >选择收货地址</h2>
		</div>
		<div class="addlist">
			<ul>
				<li><i class="iconfont on">&#xe621</i>
					<div class="addinfo">
						<dl class="name">
							<dt>收件人：</dt>
							<dd>张三胖</dd>
							<dd class="tel num">13666666666</dd>
						</dl>
						<dl class="add">
							<dt>收货地址：</dt>
							<dd>重庆市  江北区</dd>
							<dd class="addsub"> 观音桥附1号融恒时代广场26楼观音桥附1号融恒时代广场26楼</dd>
							<div class="clearfix">
							</div>
						</dl>
					</div>
				</li>
				<li><i class="iconfont on">&#xe621</i>
					<div class="addinfo">
						<dl class="name">
							<dt>收件人：</dt>
							<dd>张三胖</dd>
							<dd class="tel num">13666666666</dd>
						</dl>
						<dl class="add">
							<dt>收货地址：</dt>
							<dd>重庆市  江北区</dd>
							<dd class="addsub"> 观音桥附1号融恒时代广场26楼观音桥附1号融恒时代广场26楼</dd>
							<div class="clearfix">
							</div>
						</dl>
					</div>
				</li>
				<li class="on">
					<i class="iconfont on">&#xe621</i>
					<div class="addinfo">
						<dl class="name">
							<dt>收件人：</dt>
							<dd>张三胖</dd>
							<dd class="tel num">13666666666</dd>
						</dl>
						<dl class="add">
							<dt>收货地址：</dt>
							<dd>重庆市  江北区</dd>
							<dd class="addsub"> 观音桥附1号融恒时代广场26楼观音桥附1号融恒时代广场26楼</dd>
							<div class="clearfix">
							</div>
						</dl>
					</div>
				</li>
			</ul>
		</div>
		<div class="submit">
			<a href="#" class="md-trigger "  data-modal="modal-3">
			新增收货地址
			</a>
		</div>
	</div>
</div>
<!--新增收货地址-->
<div class="md-modal md-effect-2" id="modal-3">
	<div class="md-content">
		<div class="head">
			<button class="md-close back"><i class="iconfont">&#xe617</i></button>
			<h2 >新增收货地址</h2>
		</div>
		<div class="page pdt10 member">
			<form id="loginForm" class="mlogin " action="" method="post">
				<div class="field autoClear">
					<div class="label">
						收件人
					</div>
					<div class="field-control">
						<input type="text" class="input-required" name="name" placeholder="请收件人的真实姓名" value="" id="name">
					</div>
				</div>
				<div class="field autoClear">
					<div class="label">
						手机号码
					</div>
					<div class="field-control">
						<input type="text" class="input-required" name="mobile" placeholder="请收件人的手机号码" value="" id="mobile">
					</div>
				</div>
				<div class="field autoClear">
					<div class="label">
						省市地区
					</div>
					<div class="field-control">
						<input type="text" class="input-required" name="username" readonly placeholder="请输入您注册时使用的手机号" value="" id="demo2">
						<input id="value2" type="hidden" />
					</div>
				</div>
				<div class="field autoClear">
					<div class="label">
						详细地址
					</div>
					<div class="field-control">
						<input type="text" class="input-required" name="username" placeholder="请输入您注册时使用的手机号" value="" id="username">
					</div>
				</div>
			</form>
		</div>
		<div class="submit">
			<a href="#">
			保存收货地址
			</a>
		</div>
	</div>
</div>
</body>
<!-- 弹框 -->
<script src="../js/classie.js"></script>
<script src="../js/modalEffects.js"></script>
<!-- Swiper JS -->
<div class="md-overlay">
</div>
<script src="../js/address.js"></script>
<script>
    var area2 = new LArea();
    area2.init({
        'trigger': '#demo2',
        'valueTo': '#value2',
        'keys': {
            id: 'value',
            name: 'text'
        },
        'type': 2,
        'data': [provs_data, citys_data, dists_data]
    });
    </script>
</html>